<@pageLayout title="Strona Główna">
	<script>
		require(['modules/ep'], function(ep) {
			ep.createFinanseChart();
		})
	</script>
	
	
	<span data-dojo-type="dijit.TitlePane" title="Przewidywane finanse" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" duration="200" open="true" 
		style="position: absolute; right: 0; top: 5px; width: 49%;min-height:100%; height: 100%; border: 1px solid white; background-color: rgba(1, 11, 78, 1);">
			<div id="chartFinanse" style="height:500px;"></div>
			<div id="legend1"></div>
	</span>
	
	<span data-dojo-type="dijit.TitlePane" title="Storna WORD" extractContent="false" preventCache="false" preload="false" refreshOnShow="false" duration="200" open="true" 
		style="position: absolute; left: 0; top: 5px; width: 49%; border: 1px solid white; background-color: rgba(1, 11, 78, 1);"
		id="bbb">
			<iframe name="iframe1" id="myframe" height="95%" src="http://${loggedUser.stronaWord}" frameborder="false" scrolling="yes">
				Twoja przeglądarka nie obsługuje ramek.
			</iframe>
	</span>
	<script>
		require(["dojo/domReady!"], function() {
			var divh = document.getElementById('bbb').offsetWidth;
			
			divh -= 150;
			console.log(divh);
			document.getElementById('myframe').style.width = divh + "px";
		});
	</script>
</@pageLayout>